@include mmaedia("des") {

    main {
        margin: 0 auto;
        width: 100%;
        height: auto;
        // padding-bottom: 5rem;

        .governing_units {
            width: 62.6%;
            margin: 0 auto;
            margin-top: 3.0625rem;
            padding-bottom: 5rem;


            h2 {
                width: 12.5rem;
                height: 1.5rem;
                font-family: SourceHanSansCN;
                font-weight: bold;
                font-size: 1.5rem;
                color: #333333;
                line-height: 1.8125rem;
            }

            .units_list {
                width: 100%;
                margin-top: 1.875rem;
                display: flex;
                flex-wrap: wrap;

                div {
                    box-sizing: border-box;
                    width: 25%;
                    // text-decoration:dashed;
                    height: 6.5625rem;

                    border: .0625rem solid rgba($color: #999, $alpha: 0.3);
                    border-top: 0rem;
                    border-left: 0rem;

                    p {
                        text-align: center;
                        width: 100%;
                        height: 6.5625rem;
                        font-family: SourceHanSansSC;
                        font-weight: 400;
                        font-size: 1.125rem;
                        color: #666666;
                        line-height: 6.5625rem;
                    }


                }

                div:first-child {
                    p {
                        font-family: SourceHanSansSC;
                        font-weight: bold;
                        color: #0B77E5;
                    }

                }

                div:nth-of-type(4n+1) {
                    p {
                        text-align: left;
                        // background-color: #666666;
                    }

                }
                div:nth-of-type(4n) {
                    border-right: 0rem;
                }
            }
            .list_page {
                width: 28.5rem;
                margin: 0 auto;
                display: flex;
                margin-top: 4.375rem;
                justify-content: space-between;
                // background-color: #c3b12a;

                span {
                    width: 4.25rem;
                    height: 2.1875rem;
                    background: #02A0E7;
                    font-family: SourceHanSansSC;
                    font-weight: 300;
                    font-size: 1rem;
                    color: #FFFFFF;
                    line-height: 2.1875rem;
                    text-align: center;
                    border: .0625rem solid rgba($color: #666, $alpha: 0.1);
                }
                
                span:last-child {
                    color: #666666;
                    background-color: rgba(102, 102, 102, 0);
                }
             
                div {
                    width: 2.3125rem;
                    height: 2.1875rem;
                    border: .0625rem solid #DCDCDC;
                    text-align: center;
                    font-family: SourceHanSansSC;
                    font-weight: 300;
                    font-size: 1rem;
                    color: #666666;
                    line-height: 2.1875rem;

                    img {
                        width: .5625rem;
                        height: .9375rem;
                    }
                }
                div:nth-child(2){
                    width: 2.5625rem;
                    height: 2.1875rem;
                
                } div:last-child(2){
                    width: 2.5625rem;
                    height: 2.1875rem;
                
                }

            }

        }
    }
}